<apes-header>
  <apes-button-list class="buttonList" [ctx]="ctx" [buttonBarMetadata]="buttonBar"
                    (click)="onEvent($event)">
  </apes-button-list>
</apes-header>

<apes-content>

  <!-- 当前面板 -->
  <ng-container *ngIf="panelVisible == 'current'">
    <current-panel [data]="curCanvasData"></current-panel>
  </ng-container>

  <!-- 管理面板 -->
  <ng-container *ngIf="panelVisible == 'admin'">
    <admin-panel (curCanvas)="show($event)"></admin-panel>
  </ng-container>

  <!--<ng-container *ngIf="panelVisible == 'admin'">-->
  <!--<div class="dashboard-group">-->
  <!--<div class="adminPanel-header">-->
  <!--<div class="adminPanel-title">管理面板</div>-->
  <!--<div class="adminPanel-button">-->
  <!--<button apes-button apesType="default">创建面板</button>-->
  <!--&lt;!&ndash;<button apes-button apesType="default" (click)="closePanel()">返回当前面板</button>&ndash;&gt;-->
  <!--</div>-->
  <!--</div>-->
  <!--<div class="adminPanel-content">-->
  <!--<div class="adminPanel-content-left">-->
  <!--<div class="adminPanel-content-text active">我的面板</div>-->
  <!--<div class="adminPanel-content-text">默认面板</div>-->
  <!--</div>-->
  <!--<div class="adminPanel-content-right">-->
  <!--<div class="adminPanel-title">我的面板</div>-->
  <!--<div class="adminPanel-subhead">此页面允许您管理您拥有的全部仪表板。</div>-->
  <!--<div class="adminPanel-content-main">-->
  <!--<div class="main-header">-->
  <!--<div class="main-name">名称</div>-->
  <!--<div class="main-remarks">备注</div>-->
  <!--<div class="main-tool"></div>-->
  <!--</div>-->
  <!--&lt;!&ndash;<ng-container *ngFor="let list of curCanvas">&ndash;&gt;-->
  <!--<div class="main-body">-->
  <!--&lt;!&ndash;<div class="main-name">{{curCanvas.name}}</div>&ndash;&gt;-->
  <!--&lt;!&ndash;<div class="main-remarks">{{curCanvas.description}}</div>&ndash;&gt;-->
  <!--<div class="main-tool">-->
  <!--<apes-dropdown [apesPlacement]="'bottom'" [apesTrigger]="'click'">-->
  <!--<i class="anticon anticon-setting" apes-dropdown></i>-->
  <!--<ul apes-menu>-->
  <!--<li apes-menu-item>-->
  <!--<span>编辑</span>-->
  <!--</li>-->
  <!--<li apes-menu-item>-->
  <!--<span>删除</span>-->
  <!--</li>-->
  <!--<li apes-menu-item>-->
  <!--<span>复制</span>-->
  <!--</li>-->
  <!--</ul>-->
  <!--</apes-dropdown>-->
  <!--</div>-->
  <!--</div>-->
  <!--&lt;!&ndash;</ng-container>&ndash;&gt;-->
  <!--</div>-->
  <!--</div>-->
  <!--</div>-->
  <!--</div>-->
  <!--</ng-container>-->

</apes-content>


